$(function () {
    // TODO:这里是几个初始化的变量
    var form = layui.form
    var state = '';

    // TODO:初始化富文本
    initEditor()

    // TODO:处理选择图片
    var $image = $('#image');
    var option = {
        // 纵横比，宽高比
        aspectRatio: 400 / 280,
        // 指定预览的盒子
        preview: '.img-preview'
    }
    $image.cropper(option);


    // TODO:点击了选择封面
    $("button:contains('选择封面')").on("click", function () {
        $("#file").click()
    })

    // TODO:当文件域发生变化的时候
    $("#file").on("change", function () {
        // 找到文件对象
        var fileObj = this.files[0]
        // 生成临时url
        var url = URL.createObjectURL(fileObj);
        // 改变大图的图片
        $image.cropper("destroy").attr("src", url).cropper(option)
    })



    // TODO:下拉选择框的模板引擎
    getSel();
    function getSel() {
        $.ajax({
            url: "/my/article/cates",
            success: function (res) {
                var strSel = template("tpl_select", res)
                $("#selectBox").html(strSel)
                // 更新渲染
                form.render()
            }
        })
    }


    // TODO:点击发布,将state改为已发布
    $("button:contains('发布')").on("click", function (e) {
        state = "已发布"
    })
    // TODO:存为草稿,将state改为草稿
    $("button:contains('存为草稿')").on("click", function (e) {
        state = "草稿"
    })


    // TODO:提交表单发布或者草稿
    $("form").on("submit", function (e) {
        e.preventDefault();
        form.render()
        var fd = new FormData(this);
        fd.append("state", state);
        // 得到剪裁后的图片
        $image.cropper("getCroppedCanvas", {
            width: 400,
            height: 280
        }).toBlob(function (blob) {
            fd.append("cover_img", blob);
            // 发送ajsx请求
            $.ajax({
                type: "POST",
                url: "/my/article/add",
                data: fd,
                contentType: false,
                processData: false,
                success: function (res) {
                    if (res.status != 0) {
                        return layer.msg(res.message)
                    }
                    // 成功后跳转
                    layer.msg(res.message);
                    location.href = "/article/art_article.html"
                }
            })
        })
    })
})